@font-face {
  font-family: "Flat-UI-Icons";
  src: url('../fonts/flat-ui-icons-regular.eot');
  src: url('../fonts/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/flat-ui-icons-regular.woff') format('woff'), 
        url('../fonts/flat-ui-icons-regular.ttf') format('truetype'), 
        url('../fonts/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LubalinStd";
  src: url('../fonts/LubalinGraphStd-Book_0.eot');
  src: url('../fonts/LubalinGraphStd-Book_0.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/LubalinGraphStd-Book_0.woff') format('woff'), 
        url('../fonts/LubalinGraphStd-Book_0.otf') format('truetype'), 
        url('../fonts/LubalinGraphStd-Book_0.svg#LubalinGraphStd-Book_0') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LubalinDemi";
  src: url('../fonts/LubalinGraphStd-Demi_0.eot');
  src: url('../fonts/LubalinGraphStd-Demi_0.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/LubalinGraphStd-Demi_0.woff') format('woff'), 
        url('../fonts/LubalinGraphStd-Demi_0.otf') format('truetype'), 
        url('../fonts/LubalinGraphStd-Demi_0.svg#LubalinGraphStd-Demi_0') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AvantGarde";
  src: url('../fonts/ITCAvantGardeStd-Bk_0.eot');
  src: url('../fonts/ITCAvantGardeStd-Bk_0.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/ITCAvantGardeStd-Bk_0.woff') format('woff'), 
        url('../fonts/ITCAvantGardeStd-Bk_0.otf') format('truetype'), 
        url('../fonts/ITCAvantGardeStd-Bk_0.svg#ITCAvantGardeStd-Bk_0') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AvantGardeDemi";
  src: url('../fonts/ITCAvantGardeStd-Md_0.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AvantGardeDemi";
  src: url('../fonts/ITCAvantGardeStd-Demi_0.eot');
  src: url('../fonts/ITCAvantGardeStd-Demi_0.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/ITCAvantGardeStd-Demi_0.woff') format('woff'), 
        url('../fonts/ITCAvantGardeStd-Demi_0.otf') format('truetype'), 
        url('../fonts/ITCAvantGardeStd-Demi_0.svg#ITCAvantGardeStd-Demi_0') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Flat-UI-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body
{
    background-color:#58585a;
    font-family:'LubalinDemi',Arial;
    color:#58585a;
    
}

input, button, select, textarea
{
    font-family:'AvantGarde';
}

select
{
    background-color:#575757;
    color:#fff;
    border:none;
}

.contentWidth
{
    max-width:1200px;
    margin: 0 auto;
}


.header
{
    margin-bottom:20px;
}

.headerLogo
{
    max-width:246px;
    max-height:50px;
}

.contentBody
{
    background-color:#fff;
    padding-top:20px;
    
}


body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.table th
{
    padding:6px;
    border-top:none;
    font-weight:normal;
    font-family:'LubalinDemi';
    
}

.table th,
.table td {
    border-bottom: 2px solid white;
}
.table.centerColumns th,
.table.centerColumns td {
    text-align:center;
}

.table td 
{
    font-family:'AvantGarde';
    line-height:26px;
}

.table tbody + tbody {
    border-top: none;
}



.table.preferedPreferences 
{
    margin-bottom:5px;
}

.table.preferedPreferences .preferedHover
{
    background-color:#575757;
    color:#fff;
}

.table.preferedPreferences td
{
    padding:0px;
    line-height:36px;
    background-color: #f5f5f5;    
}

.table.preferedPreferences .checkbox
{
    margin-top:7px;
}

.preferedPreferences a:hover
{
    text-decoration:none;
}

.preferedPreferences .remove
{
    height:25px;
    width:50px;
    background-image:url('../images/remove.png') ;
    background-position: center 1px;
    background-repeat:no-repeat;
    margin-top:5px;
    float:right;
}

.table th,
.fakeHead
 {
    background-color: #056839;
    color: #fff;
    text-align:center;
    line-height:34px;
}

.fakeHead
{
    text-align:left;
    border-radius:5px;
    font-family:'AvantGarde';
}

.fakeHead div
{
    padding:6px 0 6px 0 ;
}

h5
{
   font-family:'LubalinDemi'; 
}

.wholeTableVerticalScroll
{
    height:400px;
    overflow:auto;
}


.table-ezstriped tbody > tr:nth-child(odd) > td {
    background-color: #f5f5f5;
}

.table-ezstriped tbody > tr:nth-child(even) > td {
    background-color: #ebebeb;
}

.table tr {
    margin: 5px;
}


.table tr td:first-child,
.table tr th:first-child 
{
    padding-left:20px;
}

.table.preferedPreferences tr td:first-child
{
    padding-left:0;
}

.table.preferedParent td
{
    padding:0;
}

.table.preferedParent td:first-child
{
    padding:0;
}

.removesymbol
{
    height:25px;
    width:50px;
    background-image:url('../images/remove.png') ;
    background-position: center 1px;
    background-repeat:no-repeat;
    margin-top:5px;
    float:right;
    
}

.table.preferedPreferences tr td:first-child,
.table tr td:first-child,
.table tr th:first-child {
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.table.preferedPreferences tr td:last-child,
.table tr td:last-child,
.table tr th:last-child {
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
}

.table > tbody > tr.tablePager td
{
    background-color:#fff;
    border:none;
}

.table > tbody > tr.tablePager span
{
    background-color: #056839;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:6px;
    text-align:center;
    color:#fff;
    line-height:32px;
}

.table > tbody > tr.tablePager a
{
    background-color: #ebebeb;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:6px;
    text-align:center;
    color:#58585a;
    line-height:32px;
}

.table > tbody > tr.tablePager a:hover
{
    background-color: #58585a;
    color:#ebebeb;
    text-decoration:none;

}

.table > tbody > tr.tablePager > td
{
    padding:10px 0 0 0;
}

.table > tbody > tr.tablePager table td
{
    padding:0 3px 0 0;
}


.bracketSettings tr th
{
    padding:6px 0;
}

.bracketSettings tr th:nth-child(2)
{
    padding-left:25px;
}

.bracketSettings tr td:nth-child(2) span
{
    margin-left:25px;
}

.bracketSettings tr td
{
    padding:5px 25px 5px 0;
    line-height:35px;
}

.bracketSettings  tr td,
.bracketSettings  tr th{
    text-align:left;
}

.bracketSettings  tr td:first-child,
.bracketSettings  tr th:first-child {
    text-align:center;
}

.bracketSettings .editButton
{
    float:right;
}

.bracketSettings .editRow
{
    background-color:#575757;
    color:#fff;
    border-radius:20px;
    margin:0;
    padding:0 0 5px 0;
}

.bracketSettings .editRow input[type=text]
{
    background-color:#575757;
    color:#fff;
    margin:4px 0 0 20px;
    padding-bottom:3px;
    border:none; 
    width:75%;
}

.bracketSettings .nameTable
{
    width:85%;
    display:inline-table;
    table-layout:fixed;
}

.bracketSettings table.nameTable td.NameWidth
{
    line-height:26px;
    background-color:transparent;
    border:none;
    max-width:85%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:left;
}

.bracketSettings table.nameTable td.NameWidth:hover
{
    position:absolute;
    max-width:850px;
    overflow:visible;
    background-color:#58585a;
    color:#fff;
    z-indez:120;
    border-radius:26px;
    padding-right:20px;
}

.bracketSettings .editRow input[id*='ibCancel']
{
    margin:7px 7px 7px 4px ;
}

.bracketSettings .editRow input[id*='ibSave']
{
    margin:7px 4px 7px 7px ;
}

.TourConflictListTable
{
    font-size:small;
}

.leagueListTable
{
    margin-bottom:10px;
}

.leagueListTable td 
{
    text-align:center;
}

.leagueListTable td:first-child,
.leagueListTable th:first-child
{
    text-align:left;
}

.leagueListTable .GamesGood
{
    color: #056839;
}

.leagueListTable .GamesOverBooked
{
    color: #ffa929;
}

.leagueListTable .GamesBad
{
    color: #d74c5d;
}

.viewLeagues th,
.viewLocations th
{
    text-align:left;
}

.viewLocations th:first-child,
.viewLeagues th:first-child
{
    width:125px;
}

.viewLeagues th:last-child,
.viewLeagues td:last-child
{
    text-align:center;
}

.viewLeagues label.checkbox,
.viewLeagues label.radio,
.viewLocations label.checkbox
{
    display:inline;
    margin-left:10px;
}


.gridSchedule th,
.gridSchedule td {
    border-bottom: 2px solid white;
    text-align:center;
    font-weight:normal;
}

.gridSchedule tbody + tbody {
    border-top: none;
}


.gridSchedule.games > tbody  > tr > td:first-child,
.gridSchedule.games > tbody  > tr > th:first-child,
.gridSchedule.teams > tbody  > tr > td:first-child,
.gridSchedule.teams > tbody  > tr > th:first-child
{
    border-radius:6px;
    background-color:#58585a;
    color:#fff;
    padding:6px 15px;
    font-family: "AvantGarde";
    white-space:nowrap;    
}*/

.gridSchedule > tbody > tr > th:first-child
{
    font-weight:bold;
    font-family: "LubalinDemi";
}

.gridSchedule.timeColumn th,
.gridSchedule.timeColumn td
{
    border-radius:6px;
    background-color:#58585a;
    color:#fff;
    padding:6px 15px;
    font-family: "AvantGarde";
    white-space:nowrap;    
}

.gridSchedule.timeColumn td
{
    height:24px;
}

.gridSchedule.timeColumn th
{
    height:20px;
}

.gridSchedule.floatThead-table
{
    background-color:#fff;
}

.summaryHeader,
.leagueHeader,
.bracketHeader,
.resultsRow
{
    border-radius:15px;
    background-color:#f5f5f5;
    padding:6px 15px;
    max-width:65px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    min-width:65px;
    
}


.resultsRow
{
    background-color:#fff;
}

.summaryHeader,
.bracketHeader
{
    background-color:#58585a;
    color:#fff;
}

.leagueSelect
{
    border-radius:25px;
    background-color:#f5f5f5;
    padding:7px 40px;
}

.thLeagueHeader
{
    min-width:95px;
    width:95px;
    position:relative;
}

.leagueHeader:hover,
.leagueHeaderActive,
.leagueHeaderActiveLast
{
    position:absolute;
    max-width:800px;
    overflow:visible;
    background-color:#58585a;
    color:#fff;
    min-width:65px;
    top:1px;
    z-index:1002;
}


.leagueHeaderActiveLast,
.thLeagueHeader:last-child:not(:only-child) .leagueHeader:hover
{
    right:0px;
}

.summaryHeaderActive,
.bracketHeaderActive
{
    position:absolute;
    
    max-width:800px;
    overflow:visible;
    background-color:#58585a;
    color:#fff;
    min-width:65px;
    -webkit-transition: max-width 0.2s linear;
    transition: max-width 0.2s linear;
    z-indez:120;
}

.summaryHeaderActiveLast,
.bracketHeaderActiveLast
{
    position:absolute;

    max-width:800px;
    overflow:visible;
    background-color:#58585a;
    color:#fff;
    min-width:65px;
    -webkit-transition: max-width 0.2s linear;
    transition: max-width 0.2s linear;
    z-indez:100;
}

.summaryHeaderActive,
.summaryHeaderActiveLast,
.bracketHeaderActive,
.bracketHeaderActiveLast
{
    background-color:#f5f5f5;
    color:#58585a;
}

.summaryHeaderActive,
.summaryHeaderActiveLast
{
    background-color:#fff
}

.leagueColumnActive
{
    background-color:#58585a;
    color:#fff;
    min-width:65px;
}

.fui-radio-unchecked:before {
  content: "\e02b";
}
.fui-radio-checked:before {
  content: "\e032";
  color:#ffa929;
}
.fui-checkbox-unchecked:before {
  content: "\e033";
}
.fui-checkbox-checked:before {
  content: "\e034";
}
.fui-check:before {
  content: "\e00a";
}
.fui-cross:before {
  content: "\e00b";
}

.fui-radio-unchecked,
.fui-radio-checked,
.fui-check,
.fui-cross,
.fui-checkbox-unchecked,
.fui-checkbox-checked {
  display: inline-block;
  font-family: 'Flat-UI-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.checkbox,
.radio{
  padding-left: 32px;
  position: relative;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
  font-size: 14px;
  line-height: 1.5;
}
.checkbox input,
.radio input {
  outline: none !important;
  display: none;
}

.checkbox .icons,
.radio .icons {
  color: #bdc3c7;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
  text-align: center;
  line-height: 21px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}

.checkbox .icons .first-icon,
.radio .icons .first-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  filter: alpha(opacity=100);

}

.checkbox .icons .second-icon,
.radio .icons .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);

}

.checkbox:hover,
.radio:hover{
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}

.checkbox:hover .first-icon,
.radio:hover .first-icon  {
  opacity: 0;
  filter: alpha(opacity=0);
}

.checkbox:hover .second-icon,
.radio:hover .second-icon  {
  opacity: 1;
  filter: alpha(opacity=100);
}

.checkbox label
{
  font-size: 15px;
  font-weight: 700;
  font-family:'AvantGarde';
  font-weight:normal;
}

.checkbox.checked,
.radio.checked  {
  color:#ffa929;
}

.checkbox.checked .first-icon,
.radio.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}

.checkbox.checked .second-icon,
.radio.checked .second-icon  {
  opacity: 1;
  filter: alpha(opacity=100);
  color:#ffa929;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}

.checkbox.disabled,
.radio.disabled {
  cursor: default;
  color: #e6e8ea;
}

.checkbox.disabled .icons,
.radio.disabled .icons {
  color: #c2c2c2;
}

.checkbox.disabled .first-icon,
.radio.disabled .first-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}

.checkbox.disabled .second-icon,
.radio.disabled .second-icon{
  opacity: 0;
  filter: alpha(opacity=0);
}

.checkbox.disabled.checked .icons,
.radio.disabled.checked .icons {
  color: #e6e8ea;
}

checkbox.disabled.checked .first-icon,
.radio.disabled.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}

.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #c2c2c2;
}

.checkbox.primary .icons,
.radio.primary .icons {
  color: #34495e;
}

.checkbox.primary.checked,
.radio.primary.checked  {
  color: #1abc9c;
}

.checkbox.primary.checked .icons,
.radio.primary.checked .icons {
  color: #1abc9c;
}

.checkbox.primary.disabled,
.radio.primary.disabled {
  cursor: default;
  color: #bdc3c7;
}

.checkbox.primary.disabled .icons,
.radio.primary.disabled .icons  {
  color: #bdc3c7;
}
.checkbox.primary.disabled.checked .icons {
  color: #bdc3c7;
}

.checkbox.primary.disabled.checked .icons,
.radio.primary.disabled.checked .icons {
  margin-top: 10px;
}

/*input[type=checkbox] {
  display: none;
}
*/

/* ============================================================
 * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */
 .switch * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family:'AvantGarde';
  text-transform:uppercase;
}

.has-switch {
  border-radius: 30px;
  display: inline-block;
  cursor: pointer;
  line-height: 1.72222;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 80px;
  -webkit-mask: url('../images/switch/mask.png') 0 0 no-repeat;
  mask: url('../images/switch/mask.png') 0 0 no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.has-switch.wide {
 width: 140px;
  -webkit-mask: url('../images/switch/mask140.png') 0 0 no-repeat;
  mask: url('../images/switch/mask140.png') 0 0 no-repeat;
}

.has-switch.deactivate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
  cursor: default !important;
}

.has-switch > div {
  width: 130px;
  position: relative;
  top: 0;
}

.has-switch.wide > div 
{
    width: 250px;
}

.has-switch > div.switch-animate {
  -webkit-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
}
.has-switch > div.switch-off {
  left: -50px;
}

.has-switch.wide > div.switch-off {
  left: -110px;
}


.has-switch > div.switch-off label {
  background-color: #959595;
  border-color: #ebebeb;
  -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
}
.has-switch > div.switch-on {
  left: 0;
}
.has-switch > div.switch-on label {
  background-color: #ffa929;
}
.has-switch input[type=checkbox] {
  display: none;
}
.has-switch span {
  cursor: pointer;
  font-size: 14px;
  /*font-weight: 700;*/
  float: left;
  height: 29px;
  line-height: 19px;
  margin: 0;
  padding-bottom: 5px;
  padding-top: 6px;
  position: relative;
  text-align: center;
  width: 50%;
  z-index: 1;
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}
.has-switch span.switch-left {
  border-radius: 30px 0 0 30px;
  background-color: #58585a;
  color: #fff;
  border-left: 1px solid transparent;
}
.has-switch span.switch-right {
  border-radius: 0 30px 30px 0;
  background-color: #ebebeb;
  color: #58585a;
  text-indent: 7px;
}
.has-switch span.switch-right [class*="fui-"] {
  text-indent: 0;
}
.has-switch label {
  border: 4px solid #58585a;
  border-radius: 50%;
  float: left;
  height: 29px;
  margin: 0 -15px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 29px;
  z-index: 100;
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}
.switch-square {
  border-radius: 6px;
  -webkit-mask: url('../images/switch/mask.png') 0 0 no-repeat;
  mask: url('../images/switch/mask.png') 0 0 no-repeat;
}
.switch-square > div.switch-off label {
  border-color: #7f8c9a;
  border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left {
  border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left [class*="fui-"] {
  text-indent: -10px;
}
.switch-square span.switch-right {
  border-radius: 0 6px 6px 0;
}
.switch-square span.switch-right [class*="fui-"] {
  text-indent: 5px;
}
.switch-square label {
  border-radius: 0 6px 6px 0;
  border-color: #ffa929;
}

.leagueList {
    list-style-type:none;
    margin-top:4px;
    margin-bottom:4px;
}
.leagueList li 
{
    padding:2px 10px;
    cursor:pointer;
    color:#fff;
}

.leagueList li:hover 
{
    background-color:#ffa929;
}

.leagueList li.currentSelection
{
    background-color:#ffa929;
}

.circle {
	border-radius: 50%;
	width: 14px;
	height: 14px; 
    float:left;
    border:2px solid white;
    margin:1px 5px 0 5px;
    
	/* width and height can be anything, as long as they're equal */
}

.popover { 
  background-color: #58585a;
  max-width: 500px;
  z-index:1032;
}

.popover a {
    color:#fff;
   text-decoration:none;
}

.popover.bottom .arrow:after {
  border-bottom-color: #58585a;
}

.leaguePicker .popover-content
{
    padding:0;
}

.popover.schedulingSummary
{
    max-width:239px;
}

.popover.schedulingSummary,
.popover.schedulingSummary h3  
{
    background-color:#08a89f;
    color:#fff;
}

.popover.schedulingSummary ul
{
    font-size:12px;
}

.popover.schedulingSummary.bottom .arrow:after {
  border-bottom-color: #08a89f;
}


.popover.schedulingSummary.right .arrow:after
{
    border-right-color: #08a89f;
}

.popover.schedulingSummary.right .tooltip-inner
{
    padding:0 8px;    
}

.popover.schedulingSummary.right
{
    margin-top:8px;
}
.popover.schedulingSummary.tooltip.myRight .tooltip-inner,
.popover.schedulingSummary.myRight
{
    max-width:400px;
}

.popover.schedulingSummary.tooltip
{
    font-family: "AvantGarde";
}

.popover.schedulingSummary.tooltip .tooltip-inner
{
    text-align:left;
}

.popover.alertMessage
{
     background-color:#d74c5d;
     font-family: "AvantGarde";     
}

.popover.alertMessage.bottom .arrow:after {
  border-bottom-color: #d74c5d;
}

.popover.alertMessage .tooltip-inner
{
    text-align:left;
    background-color:#d74c5d;
    border:none;
}



.popover.exitSystem,
.popover.exitSystem h3  
{
    background-color:#58585a;
    color:#fff;
    font-family:'AvantGarde';
    font-size:12px;
}

.popover.exitSystem div.YesExit
{
    margin:5px 0 8px 0;
    cursor:pointer;
    
}

.popover.exitSystem div.NoStay
{
    cursor:pointer;
}

.popover.exitSystem div.YesSaveAndExit
{
    margin:5px 0 8px 0;
    cursor:pointer;
    
}

.popover.exitSystem div.NoJustExit
{
    margin:5px 0 8px 0;
    cursor:pointer;
}

.popover.exitSystem div.CancelStay
{
    margin:5px 0 8px 0;
    cursor:pointer;
}

.popover.exitSystem div img
{
    margin-right:10px;
}

.popover.exitSystem.bottom .arrow:after {
  border-bottom-color: #58585a;
}

.schedulingSummary ul
{
    list-style:none;
    font-family:'AvantGarde';
    margin:0 0 10px 0;
}

.schedulingSummary
{
    text-align:left;
}




/***** Scheduling Grid League Color Codings *****/

.league1
{
    background-color: #1ABC9C;
    color: White;
}
.league2
{
    background-color: #2ECC71;
    color: White;
}
.league3
{
    background-color: #3498DB;
    color: Black;
}
.league4
{
    background-color: #9B59B6;
    color: White;
}
.league5
{
    background-color: #34495E;
    color: White;
}
.league6
{
    background-color: #F1C40F;
    color: White;
}
.league7
{
    background-color: #E67E22;
    color: White;
}
.league8
{
    background-color: #E74C3C;
    color: White;
}
.league9
{
    background-color: #294886;
    color: White;
}
.league10
{
    background-color: #95A5A6;
    color: White;
}
.league11
{
    background-color: #16A085;
    color: White;
}
.league12
{
    background-color: #27AE60;
    color: White;
}
.league13
{
    background-color: #2980B9;
    color: White;
}
.league14
{
    background-color: #8E44AD;
    color: White;
}
.league15
{
    background-color: #2C3E50;
    color: White;
}
.league16
{
    background-color: #F39C12;
    color: White;
}
.league17
{
    background-color: #D35400;
    color: White;
}
.league18
{
    background-color: #C0392B;
    color: White;
}
.league19
{
    background-color: #BDC3C7;
    color: White;
}
.league0
{
    background-color: #7F8C8D;
    color: White;
}

.league9993
{
    -moz-box-shadow:    inset 0px 0px 2px #000000;
    -webkit-box-shadow: inset 0px 0px 2px #000000;
    box-shadow:         inset 0px 0px 2px #000000;
    background-color: #FFF;
    color: #000;
}

.league9992
{
    background-color: #58585a; /*d74c5d */
    color: #fff;

}

.league-1
{
    background-color:#f5f5f5;
    color: #fff;

}

.stepDescription
{
    font-size:24px;
    margin-top:10px;
    margin-bottom:10px;
}

.stepDescription span:nth-child(2)
{
  font-size:60px;
  color:#056839;
  font-family:'LubalinStd';
}

.stepDescription span:nth-child(3)
{
 font-family:'AvantGarde';
}

.errorMessage .errorTitle
{
    text-align:right;
}

.panelStepSummary,
.errorMessage .errorBody
{
    padding:5px 20px 10px 20px ;
    border-radius:6px;
    background-color:#f5f5f5;
    line-height:30px;
}

.panelStepSummary.note
{
    padding:6px 0 0 0 ;
    background-color:transparent;
    line-height:18px;
}

.panelStepSummary div
{
   margin-bottom:5px;
}

.panelStepSummary .good,
.panelStepSummary .warning,
.panelStepSummary .bad
{
    color:#056839;
    font-size:20px;
    font-family:'AvantGarde';
}

.panelStepSummary .warning
{
    color:#ffa929;
}

.panelStepSummary .bad
{
    color:#d74c5d;
}

.panelStepSummary ul,
.panelStepSummary .listOfDays,
.panelStepSummary .listofLeagueTypes
{
    font-family:'AvantGarde';
}

.panelStepSummary ul
{
    list-style:none;
    font-size:12px;
}

.panelStepSummary ul.disc
{
    list-style:disc;
}

.panelStepSummary ul.disc li
{
    margin-bottom:10px;
}

.panelStepSummary .listOfDays,
.panelStepSummary .listofLeagueTypes
{
    margin-left:10px;
}

.panelErrors
{
    background-color:#d74c5d;
    color:#fff;
    border-radius:5px;
    padding:1px 5px;
    
}

.panelErrors.warning
{
    background-color:#ffa929;
    margin-bottom:10px;
}

.panelErrors ul
{
   list-style:none;
   font-family:'AvantGarde';
}

.scheduleError .backgroundDarken
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    background-color:#58585a;
    z-index:1200; 
    border-radius:5px;
    width:100%; 
    opacity:1
}

.scheduleError .centerMessage
{
    position:absolute;
    top:35%;
    left:25%;
    z-index:1201;
    color:#fff;
    margin:0 auto;
    width:50%;
}

.btn-round 
{
    font-family:'AvantGarde';
    display: inline-block;
    *border-left: 0 none #e6e6e6;
    border-right: 0 none #e6e6e6;
    border-top: 0 none #e6e6e6;
    border-bottom: 0 none #b3b3b3;
    display: inline;
    padding: 9px 16px 8px 16px;
    margin-bottom: 0;
  *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25);
    vertical-align:baseline;
    cursor: pointer;
  background-color: #f5f5f5;
  *-webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
    zoom: 1;
    text-transform:capitalize;
    -webkit-transition: background-color 0.2s linear;
     -moz-transition: background-color 0.2s linear;
       -o-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;
  
}

.btn-round:hover
{
  color: #333333;
  text-decoration: none;
  background-position: 0 0;
  -webkit-transition: background-color 0.2s linear;
     -moz-transition: background-color 0.2s linear;
       -o-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;
  
}

.btn-exit {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-left-color: #d64c5c;
    border-right-color: #d64c5c;
    border-top-color: #d64c5c;
    border-bottom-color: #d64c5c;
    background: #d64c5c url('../images/exit.png') no-repeat 5px 4px;
    padding-left:38px;
    text-transform:uppercase;
}

.btn-exit:hover,
.btn-exit:focus,
.btn-exit:active,
.btn-exit.active,
.btn-exit.disabled,
.btn-exit[disabled] {
  color: #ffffff;
  background: #e25160 url('../images/exit.png') no-repeat 5px 4px;
}

.btn-next {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-left-color: #006633;
    border-right-color: #006633;
    border-top-color: #006633;
    border-bottom-color: #006633;
    background: #006633 url('../images/next.png') no-repeat 96% 45%;
    padding-right:38px;
}

.btn-next:hover,
.btn-next:focus,
.btn-next:active,
.btn-next.active,
.btn-next.disabled,
.btn-next[disabled] {
  color: #ffffff;
  border-left-color: #0d824a;
  background: #0d824a url('../images/next.png') no-repeat 96% 45%;
}


.btn-previous {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-left-color: #006633;
    border-right-color: #006633;
    border-top-color: #006633;
    border-bottom-color: #006633;
    background: #006633 url('../images/previous.png') no-repeat 5px 6px;
    padding-left:38px;
}

.btn-previous:hover,
.btn-previous:focus,
.btn-previous:active,
.btn-previous.active,
.btn-previous.disabled,
.btn-previous[disabled] {
  color: #ffffff;
  border-left-color: #0d824a;
  background: #0d824a url('../images/previous.png') no-repeat 5px 6px;
}

.btn-summary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
/*background-repeat: repeat-x;
/*background-image: linear-gradient(to bottom, #d74c5d, #bd362f);*/
border-left-color: #bd362f;
border-right-color: #bd362f;
border-top-color: #bd362f;
border-bottom-color: #802420;
background: #009c91 url('../images/SummaryPlus.png') no-repeat 5px 4px;
padding-left:38px;
white-space:nowrap;

}

.btn-summary:hover,
.btn-summary:focus,
.btn-summary:active,
.btn-summary.active,
.btn-summary.disabled,
.btn-summary[disabled] {
  color: #ffffff;
  background: #08a89f url('../images/SummaryPlus.png') no-repeat 5px 4px;
}

.btn-add {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
/*background-repeat: repeat-x;
/*background-image: linear-gradient(to bottom, #d74c5d, #bd362f);*/
border-left-color: #ffa929;
border-right-color: #ffa929;
border-top-color: #ffa929;
border-bottom-color: #802420;
background: #ffa929 url('../images/SummaryPlus.png') no-repeat 5px 5px;
padding-left:38px;
white-space:nowrap;

}

.btn-add:hover,
.btn-add:focus,
.btn-add:active,
.btn-add.active,
.btn-add.disabled,
.btn-add[disabled] {
  color: #ffffff;
  background: #ffa929 url('../images/SummaryPlus.png') no-repeat 5px 5px;
}

.btn-tag {
  color: #58585a;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-left-color: #d7d7d7;
    border-right-color: #d7d7d7;
    border-top-color: #d7d7d7;
    border-bottom-color: #387038;
    background: #d7d7d7 ;
    -webkit-transition: padding-right 0.1s linear;
     -moz-transition: padding-right 0.1s linear;
       -o-transition: padding-right 0.1s linear;
          transition: padding-right 0.1s linear;
}

.btn-tag:hover,
.btn-tag:focus,
.btn-tag:active,
.btn-tag.active,
.btn-tag.disabled,
.btn-tag[disabled] {
  color: #ffffff;
  border-left-color: #58585a;
  border-right-color: #58585a;
  border-top-color: #58585a;
}

.btn-tag:hover,
.btn-tag:focus
{
padding-right:32px;
background: #58585a url('../images/Remove.png') no-repeat 95% 45%;
-webkit-transition: padding-right 0.1s linear;
     -moz-transition: padding-right 0.1s linear;
       -o-transition: padding-right 0.1s linear;
          transition: padding-right 0.1s linear;
}

.btn-flat-green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-left-color: #056839;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
    background: #056839;
    font-family:'LubalinDemi';
    padding: 8px 16px 8px 16px;
    font-size:16px;
}

.btn-flat-green:hover,
.btn-flat-green:focus,
.btn-flat-green:active,
.btn-flat-green.active,
.btn-flat-green.disabled,
.btn-flat-green[disabled] {
  color: #ffffff;
  background: #04542e;
}

.btn-flat-dark {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-left-color: #575757;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
    background: #575757;
    padding: 8px 16px 8px 16px;
    font-size:16px;
    margin-top:-2px;
}

.btn-flat-dark:hover,
.btn-flat-dark:focus,
.btn-flat-dark:active,
.btn-flat-dark.active,
.btn-flat-dark.disabled,
.btn-flat-dark[disabled] {
  color: #ffffff;
  background: #575757;
}

.dropdown 
{
    display:inline-block;
    
}

.dropdown .dropdown-menu
{
    background-color: #58585a;
    margin:0;
    padding:0;
}

.dropdown ul.dropdown-menu li label
{
    margin:0;
    padding:0;
    color:#fff;
    font-family:'AvantGarde';
}

.dropdown ul.dropdown-menu li.selected
{
    background-color:#fea92a;
}

.dropdown ul.dropdown-menu 
{
    text-align:center;
    
} 

.largeBodyFont
{
    font-size:18px;
    line-height:30px;
}

.largeBodyFont select
{
    font-size:16px;
    margin-top:6px;
    height:36px;
    width:100%;
}

.largeBodyFont input[type=text]
{
    font-size:16px;
    border:#c2c2c2 solid 3px;
    padding:6px;
    text-align:center;
    margin-top:6px;
}

input[type=text].textboxCalendar
{
    background-image:url('../images/Calendar.png') ;
    background-position:10px center;
    background-repeat:no-repeat;
    padding-left:35px;
    text-align:left;
    width:100%;
}

.PadInputTop
{
    margin-top:6px;
}

.padRight
{
    padding-right:15px;
}

.padLeft
{
    padding-left:15px;
}

.padBottom
{
    margin-bottom:15px;
}

.padBottomShort
{
    margin-bottom:5px;
}

.noWrap
{
    white-space:nowrap;
}

.padding0
{
    padding:0;
}

.margin0,
input[type="text"].margin0
{
    margin:0;
}

.bold
{
    font-weight:bold;
}

.invertedStyleGrid 
{
    background-color:#009c91;
    padding:5px 5px 5px 5px;
    *-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
    font-family:'AvantGarde';
    font-size:14px;  
}

.invertedStyleGrid.noBackground
{
    background-color:transparent;
}

.invertedStyleGrid label.checkbox 
{
    display:inline;
}

.invertedStyleGrid select
{
    border:none;
    margin:0;
    background-color:#fff;
    color:#58585a;
}

.invertedStyleGrid table,
.invertedStyleGrid ul
{
 width:100%;
}

.invertedStyleGrid ul
{
    list-style:none;
    margin:0;
}

.invertedStyleGrid table th,
.ulHeader
{
    color:#fff;
    font-weight:normal;
    line-height:30px;
}

.ulHeader
{
    padding:0 0 2px 40px;
}

.invertedStyleGrid table td,
.invertedStyleGrid ul li
{
 text-align:center;
 background-color:#fff;
 border-bottom: 3px solid #009c91;
 line-height:35px;
}

.invertedStyleGrid ul li
{
    text-align:left;
    border-radius:6px;
    border-bottom: 3px solid #009c91;
    padding:0 0 1px 0;
}

.invertedStyleGrid ul li .dragTeam
{
    background:transparent url("../images/DragDropIcon.png") no-repeat center center;
    width:30px;
    height:35px;
    display:inline-block;
    
    margin:1px 0 0px 5px;
}

.invertedStyleGrid ul li span
{
    display:inline-block;
}

.invertedStyleGrid table tr:last-child td
{
    border-bottom:none;
}

.invertedStyleGrid table.withRemove td:last-child
{
 text-align:right;
 width:50px;
}


.invertedStyleGrid table td select
{
    text-align:center;
}


.invertedStyleGrid  table.firstColumnLeft th,
.invertedStyleGrid  table.firstColumnLeft td
{
    text-align:left;
}
.invertedStyleGrid  table.firstColumnLeft th.text-center,
.invertedStyleGrid  table.firstColumnLeft td.text-center
{
    text-align:center;
}

.invertedStyleGrid  table.firstColumnLeft th:nth-child(3),
.invertedStyleGrid  table.firstColumnLeft td:nth-child(3)
{
    text-align:center;
}

.invertedStyleGrid  table.firstColumnLeft th:first-child,
.invertedStyleGrid  table.firstColumnLeft td:first-child
{
    padding-left:25px;
}

.invertedStyleGrid  table.firstColumnLeftShort th:first-child,
.invertedStyleGrid  table.firstColumnLeftShort td:first-child
{
    width:100px;
}

.firstColumnLeft tr.tablePager td:last-child
{
    padding-left: 0;
}

.firstColumnLeft > tbody > tr.tablePager td
{
    background-color:#fff;
    border:none;
}

.firstColumnLeft > tbody > tr.tablePager span
{
    background-color: #056839;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:6px;
    text-align:center;
    color:#fff;
    line-height:32px;
}

.firstColumnLeft > tbody > tr.tablePager a
{
    background-color: #ebebeb;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:6px;
    text-align:center;
    color:#58585a;
    line-height:32px;
}

.firstColumnLeft > tbody > tr.tablePager a:hover
{
    background-color: #58585a;
    color:#ebebeb;
    text-decoration:none;
}

.firstColumnLeft > tbody > tr.tablePager > td
{
    padding:10px 0 0 0;
}

.firstColumnLeft > tbody > tr.tablePager table td
{
    padding:0 3px 0 0;
}

.invertedStyleGrid.noBackground table td
{
    border-bottom: 3px solid #00a99d;
}

.invertedStyleGrid table tr td:first-child {
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.invertedStyleGrid table tr td:last-child {
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
}

.invertedStyleGrid table tbody tr:hover > td {
  background-color: #58585a;
  color:#fff;
}

.invertedStyleGrid.leftPointer:after {
	left:-20px;
	top: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.invertedStyleGrid.leftPointer:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color:#009c91; /*#16aa9d;*/
	border-width: 10px;
	margin-top: -15px;
}

.invertedStyleGrid .remove
{
    height:25px;
    width:50px;
    background-image:url('../images/remove.png') ;
    background-position: center 1px;
    background-repeat:no-repeat;
    float:right;
}

.exitPosition
{
    text-align:right;
    padding-top:10px;
}

.summaryPosition
{
    text-align:right;
    padding-top:15px;
    margin-bottom:10px;
}

.footer
{
    font-family:'AvantGarde';
    color:#fff;
    font-size:12px;
}

.nav.summaryNav
{
    margin:0;
}

.nav-tabs.summaryNav {
  border-bottom: none;
}

.nav-tabs.summaryNav > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  background-color:#d2d2d2;
  color:#fff;
}

.nav-tabs.summaryNav > li > a:hover,
.nav-tabs.summaryNav > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs.summaryNav > .active > a,
.nav-tabs.summaryNav > .active > a:hover,
.nav-tabs.summaryNav > .active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #16aa9d;
  border: 1px solid #16aa9d;
  border-bottom-color: transparent;
}

.panelHomeAway
{
    padding:10px 10px 20px 10px;
    position:relative;
    width:100%;
}

.panelHomeAwayBGcolor
{
    background-color:#16aa9d;
    border-radius:5px;
    border-top-left-radius:0px;
    
}

.panelHomeAway .gridSchedule th,
.panelHomeAway .gridSchedule td {
    border-bottom: 2px solid #16aa9d;
    min-width:65px;
    white-space:nowrap;
}

.panelHomeAway .gridSchedule th.spacer,
.panelHomeAway .gridSchedule td.spacer
{
    min-width:10px;
    width:10px;
}

.panelHomeAway .gridSchedule.teams td:first-child,
.panelHomeAway .gridSchedule.teams th:first-child
{
    text-align:left;
}

.panelHomeAway .gridSchedule.teams td:nth-child(2),
.panelHomeAway .gridSchedule.teams th:nth-child(2)
{
    border-radius:6px;
    background-color:#58585a;
    color:#fff;
    padding:6px 15px; 
    text-align:left;
    white-space:nowrap;
}
.panelHomeAway .gridSchedule.teams td:nth-child(2)
{
    background-color:#fff;
    color:#58585a;
}



.netCalendarContainer
{
    font-size:14px;
    border-radius:6px;
    border:6px solid #16aa9d;
    line-height:18px;
    display:inline-block;
    font-family:'AvantGarde';
    position: relative;
    float:left;
   
}

table.netCalendar
{
    width:190px;
}


.netCalendar > tbody > tr > td:first-child > a
{
    margin-left:15px;
}

.netCalendar > tbody > tr > th:first-child 
{
    padding-left:15px;
}

.netCalendar > tbody > tr > th:last-child 
{
    padding-right:15px;
}

.netCalendar > tbody > tr >td:last-child > a
{
    margin-right:15px;
}

.netCalendarTitle
{
    border:none;
    margin:0 0 5px 0;
    padding:0;
    background-color:#16aa9d;
    color:#fff;
}

.netDay
{
    border:none;
    margin:0;
    padding:0;
    border-radius:6px;
    line-height:26px;
}

.netDay a:hover
{
    text-decoration:none;
}

.netDayHeader
{
    padding-top:15px;
}

.netCalendar:after {
	left: 99%;
	top: 6%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.netCalendar:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #16aa9d;
	border-width: 15px;
	margin-top: -15px;
}

.well
{
    border:none;
    background-color:#f5f5f5;
    color:#58585a;
    
    -webkit-box-shadow: none;
     -moz-box-shadow: none;
    box-shadow:none;
    position:relative;
}

.well-largeDates
{
    padding:4px;
}

.well-small
{
    margin-bottom:5px;
}

.wellPreferences 
{
    margin-right:5px;
}

.wellPreferences > div > div
{   
    float:right;
    position:absolute;
    top:9px;
    left:89%;
}

.wellPreferencesSelected
{
    background-color: #00a99d;
    color: White;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    margin-right:0px;
    position: relative;
}

.wellPreferencesSelected:after
{
    left: 100%;
	top: 0%;
	border: solid #00a99d;
	content: " ";
	height: 10px;
	width: 3px;
	position: absolute;
	pointer-events: none;
	border-width: 3px;
}

.leftSelect
{
    display:inline-block;
    width:30%;
    float:left;
}

.leftSelect a:hover
{
    text-decoration:none;
}

.rightBody
{
    margin-left:30%;  
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-radius:5px;
    
}

.rightBody.active
{
    background-color: #00a99d;
    padding:0 5px 5px 5px;
}

.rightBody select
{
    height:36px;
}

.rightBody .checkbox
{
    margin:3px 0 0 0;
}

.rightBody .checkbox .icons
{
  background-color:#fff;
  border-radius:5px;
}

.rightBody .checkbox label
{
  color:#fff;
  font-size:14px;
  font-family:"LubalinDemi";
}

.rightBody .fui-checkbox-unchecked:before {
  color:#fff;
}

.rightBody table .fui-checkbox-unchecked:before {
  color:inherit;
}




.rightBody > div
{

    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-radius:5px;
}


.rightBody input[type=text].textboxCalendar
{
    font-size:16px;
    border:0;
    padding:8px 8px 8px 30px;
    width:85%;
}

.rightBody .datePreference
{
    padding:15px 0px 0 0px;
}

.rightBody .datePreference .form
{
    padding-left:10px;
}

.FloatBox
{
    position:relative;
    float:right;
    z-index:-10;
}

.tdSummary
{
    background-color:#f5f5f5;
    vertical-align:top;
    text-align:left;
    white-space:nowrap;
}

.leftTeamPointer:after {
	left:-20px;
	top: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.leftTeamPointer:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color:#575757; /*#16aa9d;*/
	border-width: 10px;
	margin-top: -15px;
}

.rightTeamPreferencePointer:after {
	left: 97%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rightTeamPreferencePointer:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width: 15px;
	margin-top: -15px;
}

.alertCircle,
.infoCircle {
	border-radius: 50%;
	width: 17px;
	height: 17px; 
    float:right;
    background-color:#009c91;
    color:#fff;   
    font-family: "Lubalin";
    text-align: center;
    margin:0px 0 0 0;
    font-size:12px;
    
}

.alertCircle
{
    background-color:#d74c5d;
    float:left;
}
.alertCircle div,
.infoCircle div
{
    margin:-6px 0 0 -1px;
}

.MessagePage 
{
    font-size:16px;
    line-height:23px;
}

.MessagePage.modalPop
{
    font-size:14px;
    line-height:24px;
}


.MessagePage .headerImage
{
    margin:40px 0 0 0;
}

.MessagePage h1
{
    font-size:72px;
    line-height:72px;
}

.MessagePage h2
{
    font-size:40px;
    line-height:45px;
    margin-bottom:20px;
}


.MessagePage .headerMessage
{
    margin:15px 0 40px 0;
}

.MessagePage .messageContent
{
    height:150px;
}

.ScrolledLiteral
{
    height: 400px;
    overflow-x: auto;
    overflow-y: auto;
}

.MessagePage .imageContent
{
    height:240px;
}

.MessagePage .errorContent
{
    height:290px;
}

.MessagePage a
{
    color:#006634;
    font-weight:bold;
}


.MessagePage p
{
    font-family: "AvantGarde";
}


.MessagePage .divider
{
    border-right:1px solid #222;
    width:50%;
    height:110px;
    margin:0 0 10px 0;
}

.MessagePage .or
{
    margin:0 0 10px 0;
}

.MessagePage .btn-flat-green,
.MessagePage select
{
    width:235px;
    padding: 13px 16px 13px 16px;
    font-size:18px;
    font-family: "LubalinDemi";
}

.MessagePage .btn-flat-green.yes,
.MessagePage .btn-flat-green.no
{
     width:100px;
}

.MessagePage .padBottom
{
    margin-bottom:100px;
}

.MessagePage .padBottomShort
{
    margin-bottom:40px;
}

.finalizeSelects
{
    margin:3px 4px 5px 4px;  
}

.pillDateTime
{
    font-family:'AvantGarde';
    display: inline-block;
    padding: 3px 0 1px 0;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    
    *-webkit-border-radius: 20px;
        -moz-border-radius: 20px;
             border-radius: 20px;
    zoom: 1;
    color: #58585a;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: #d7d7d7 ;
    width:185px;
    margin:3px;
    -webkit-transition: background-color 0.2s linear;
       -moz-transition: background-color 0.2s linear;
         -o-transition: background-color 0.2s linear;
            transition: background-color 0.2s linear;
}

.pillDateTime.short
{
    width:110px;
}

.pillDateTime:hover
{
  color: #ffffff;
  background-color: #58585a;
  padding: 3px 0 1px 0;
   
}

.pillDateTime .dateTimeContainer
{    
  margin:0px 0 0 0;
  width:100%;   
    
}

.pillDateTime .dateTimeContainer .dateTime
{
    display:inline-block;
    width:81.5%;
    margin:2px 0 0 0;
   
}

.pillDateTime.short .dateTimeContainer .dateTime
{
  width:70%;
}

.pillDateTime .remove
{
    height:28px;
    width:28px;
    background-image:url('../images/remove.png') ;
    background-position: center left;
    background-repeat:no-repeat;
    float:right;
    display:inline-block;
    
}

.sameFieldSwitch
{
    display:inline-block; 
    vertical-align:middle; 
    margin-bottom:4px;
    height:29px;
}

.showText
{
    margin: 0 auto;
    width:50px;
    cursor:pointer;
}

.textOpen
{
    height:50px;
    width:50px;
    background-image:url('../images/open.png') ;
    background-position: center center;
    background-repeat:no-repeat;
}

.textClose
{
    height:50px;
    width:50px;
    background-image:url('../images/close.png') ;
    background-position: center center;
    background-repeat:no-repeat;
}

#panelSlots
{
    max-height:600px;
    overflow:auto; 
}

#schedulingContainer
{
    opacity:0;
    transition: opacity .2s ease-in;
    position:relative;
    
}

#schedulingContainer.show
{
    opacity:1;
}

#gridContainer {
    max-height:600px; 
    position:absolute;
    left:135px;
    top:0;
    right:0;
    bottom:0;
   
}

#columnContainer 
{
    width:135px;
    overflow: hidden;
    max-height:600px; 
    top:0;
    left:0;
    bottom:0;
   
}

#schedulingContainer.PoolPlay #gridContainer
{
    left:170px;
}

#schedulingContainer.PoolPlay #columnContainer
{
    width:170px;
}

.waitForIt .backgroundDarken
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    background-color:#58585a;
    z-index:1200; 
    border-radius:5px;
    width:100%; 
    opacity:.9;
}

.waitForIt .spinner
{
    position:absolute;
    top:45%;
    left:45%;
    background:transparent url('../images/ajaxLoader.gif') no-repeat center center;
    width:50px;
    height:50px;
    z-index:1201; 
}

.modal.OptIn
{
    width:80%;
    left:39%;
    max-width:1000px;
}

.modal.OptIn .modal-body
{
   max-height:800px; 
}